<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="layui/css/layui.css" rel="stylesheet" />
		<style>
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				font-size: 20px;
				box-sizing: border-box;
			}

			img {
				display: block;
			}

			.shell li h3 {
				color: #fff;
				border-left: 1px solid #289ffa;
			}

			.shell {
				display: flex;
				justify-content: center;
			}

			.button {
				background-color: #0983df;
				width: 170px;
				height: 62px;
				text-align: center;
				line-height: 62px;
				transition: 0.3s;
				cursor: pointer;
			}

			.button:hover {
				background-color: #3d99d1;
			}

			.button li:hover {
				background-color: #defeff;
			}

			.button ul li {
				height: 0;
				transition: 0.2s;
				opacity: 0;
				transform: translateY(-65px);
				background-color: #3d99d1;
			}

			.button:hover li {
				height: 65px;
				opacity: 1;
				transform: translateY(0);
			}

			.neirong {
				width: 80%;
				min-width: 1200px;
				margin: 0 auto;
				height: 100%;
			}

			.zxdt {
				border: 1px solid #dfedf8;
				height: 150px;
				border-radius: 8px;
				margin: 20px 0;
				padding: 30px 35px 0;
				display: flex;
				justify-content: space-between;
			}

			.lbt {
				margin: 0 auto;
				position: relative;
				overflow: hidden;
				padding: 0;
				z-index: 1;
			}

			.layui-carousel>[carousel-item]>* {
				display: none;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 130px;
				background-color: #ffffff;
				transition-duration: 0.3s;
				text-align: center;
				color: #0983df;
			}

			.layui-carousel-ind ul {
				display: inline-block;
				padding: 5px;
				background-color: rgba(0, 0, 0, 0.2);
				border-radius: 10px;
				transition-duration: 0.3s;
			}

			.gghtd {
				position: relative;
				height: auto;
				margin: 0;
				width: 67%;
				float: left;
				padding: 0 15px 0 0
			}

			.ys {
				background: #fff;
				border: 1px solid #dfedf8;
				border-radius: 8px;
				padding: 0 25px;
				height: 450px;
			}

			.ys .tzgd {
				display: flex;
				justify-content: flex-start;
				border-bottom: 2px solid #f7f8fa;
				position: relative;
			}

			.ys .tzgd .tzgg {
				border-bottom: 2px solid #017cd9;
				color: #017cd9;
				font-size: 22px;
				height: 50px;
				line-height: 50px;
				padding: 0 10px;
				cursor: pointer;
				transition: color 0.3s;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.ys .tzgd .gd {
				position: absolute;
				right: 10px;
				top: 18px;
				color: #017cd9;
				font-size: 12px;
			}

			.zuobian {
				width: 34%;
				float: left;
				padding: 0 !important;
				margin-bottom: 20px;
			}

			.zuonr {
				background: #fff;
				border: 1px solid #dfedf8;
				border-radius: 8px;
				padding: 0 25px;
				height: 450px;
			}

			.zjbf {
				position: relative;
				height: auto;
				margin: 0;
			}

			.zuobian .zuonr .p1 {
				border-bottom: 2px solid #f7f8fa;
				font-size: 22px;
				height: 50px;
				line-height: 50px;
				display: flex;
				justify-content: center;
				margin-bottom: 18px;
			}

			.zuobian .zuonr .s1 {
				border-bottom: 2px solid #017cd9;
				color: #017cd9;
			}

			.ul2 {
				padding: 0;
				margin: 0;
			}

			.u2l {
				background: #4f77c4;
				line-height: 60px;
				margin-bottom: 10px;
				border-radius: 6px;
				
			}
			.u2l a{
				text-align: center;
				    display: block;
				    font-size: 20px;
				    color: #fff;
			}

			#l2 {
				background: #4f97c4;
			}

			#l3 {
				background: #4fb8c4;
			}

			#l4 {
				background: #4fc4af;
			}

			#l5 {
				background: #4fc47e;
			}

			.list-warp {
				height: 300px;
			}

			.li00 {
				padding-left: 10px;
				line-height: 40px;
				margin-bottom: 2px;
			}

			.a11 {
				display: flex;
				justify-content: space-between;
			}

			.div11 {
				max-width: 80%;
				color: #333;
				display: flex;
				justify-content: flex-start;
			}

			.span11 {
				display: block;
				width: 6px;
				height: 6px;
				background: #017cd9;
				margin: 16px 8px 0 0;
			}

			.p11 {
				font-size: 16px;
				color: #333;
				line-height: 40px;
				cursor: pointer;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.p11:hover {
				color: #0983df;
			}

			.time11 {
				text-align: right;
				font-size: 12px;
				color: #7c8b96;
				padding-right: 8px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.kaoshi {
				position: relative;
				height: auto;
				margin: 0 !important;
			}

			.zuoc_kaoshi {
				width: 66%;
				float: left;
				padding: 0 15px 0 0 !important;
				margin-bottom: 20px;
			}

			.zcnb {
				width: 98.888888888%;
				display: flex;
				justify-content: space-between;
				overflow: hidden;
			}

			.kaoshikap {
				flex: 1;
				height: 440px;
				margin-right: 10px;
				background-size: 100% 100% !important;
				display: flex;
				flex-direction: column;
				position: relative;
			}

			.icon {
				display: flex;
				justify-content: center;
				text-align: center;
				margin-top: 40%;
			}

			.kswz {
				font-size: 22px;
				color: #fff;
				margin-top: 20px;
				text-align: center;
			}

			.ckxqan {
				width: 100%;
				position: absolute;
				bottom: 20%;
				text-align: center;
			}

			.ckxqwz {
				cursor: pointer;
				display: inline-block;
				height: 40px;
				line-height: 40px;
				background: #fff;
				color: #4f97c4;
				font-size: 16px;
				padding: 0 24px;
				border-radius: 4px;
			}

			.ksrl {
				width: 34%;
				float: left;
				padding: 0 !important;
				margin-bottom: 20px;
			}

			.ksrlnb {
				background: rgba(230, 244, 255, .8);
				border: 1px solid #c0e0f8;
				border-radius: 8px;
				padding: 0 25px;
				height: 440px;
			}

			.ksrlhgd {
				border-bottom: 2px solid #f7f8fa;
				font-size: 22px;
				height: 50px;
				line-height: 50px;
				display: flex;
				justify-content: space-between;
				margin-bottom: 18px;
			}

			.ksrlwz {
				border-bottom: 2px solid #017cd9;
				color: #017cd9;
			}

			.ksrlgd {
				color: #017cd9;
				font-size: 12px;
				cursor: pointer;
			}

			.rlbt {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding: 0;
				margin: 0;
			}

			.rlli {
				width: 49%;
				background: #fff;
				border-radius: 8px;
				overflow: hidden;
				margin-bottom: 15px;
			}

			.rltb {
				height: 50px;
				padding: 10px;
				color: #fff;
				background: #017cd9;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.rlrq {
				font-size: 24px;
				font-weight: bolder;
			}

			.rlxw {
				font-size: 13px;
			}

			.rlnr {
				padding: 15px 10px;
				line-height: 2;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.rlnr999 {
				color: #666;
				cursor: pointer;
				transition: color .3s;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.rlnr999:hover {
				color: #ff3300;
			}

			.snagekk {
				clear: both;
			}

			.snagekk {
				margin-bottom: 20px;
			}

			.kklb {
				display: flex;
				justify-content: space-between;
			}

			.kkli {
				width: 32.5%;
				height: 90px;
				position: relative;
				border-radius: 10px;
				overflow: hidden;
			}

			.kkli .kknr {
				position: absolute;
				width: 100%;
				height: 100%;
				color: #fff;
				font-size: 24px;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 5px 63px;
				text-align: center;
			}

			.kktp {
				width: 100%;
				height: 100%;
			}

			.gghtd {
				padding: 0px;
				!important
			}

			.sigekk {
				margin-bottom: 20px;
			}

			.sgkklb {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    --antd-wave-shadow-color: #1890ff;
    font-variant: tabular-nums;
    line-height: 1.5;
    font-feature-settings: "tnum";
    font-size: 14px;
    font-family: Microsoft Yahei,SimSun,sans-serif;
    color: #333;
    box-sizing: border-box;
    font-weight: 400;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
			}
			.sgli{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    --antd-wave-shadow-color: #1890ff;
    font-variant: tabular-nums;
    line-height: 1.5;
    font-feature-settings: "tnum";
    font-size: 14px;
    font-family: Microsoft Yahei,SimSun,sans-serif;
    color: #333;
    font-weight: 400;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 90px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 24%;
			}
			.sgli a{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 24px;
    padding: 5px 63px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
			}
			.sgli img{
				width: 100%;
				    height: 100%;

			}
			.zuidix{
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    --antd-wave-shadow-color: #1890ff;
    font-variant: tabular-nums;
    line-height: 1.5;
    font-feature-settings: "tnum";
    font-size: 14px;
    font-family: Microsoft Yahei,SimSun,sans-serif;
    color: #333;
    font-weight: 400;
    box-sizing: border-box;
    width: 100%;
    background: #017cd9;
    padding-top: 37px;
    padding-bottom: 20px;
    min-width: 1200px;
			}
			.zuidix2{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-size: 14px;
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    color: #333;
				    font-weight: 400;
				    box-sizing: border-box;
				    min-width: 1200px;
				    width: 80%;
				    margin: 0 auto;
				    display: flex;
				    -webkit-box-align: center;
				    align-items: center;
				    -webkit-box-pack: center;
				    justify-content: center;
			}
			.tubiao a{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-size: 14px;
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    font-weight: 400;
				    box-sizing: border-box;
				    background-color: transparent;
				    transition: color .3s;
				    touch-action: manipulation;
				    text-decoration: none;
				    outline: none;
				    color: #666;
				    cursor: pointer;
			}
			.tubiao a img{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-size: 14px;
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    font-weight: 400;
				    color: #666;
				    cursor: pointer;
				    box-sizing: border-box;
				    border: 0;
				    vertical-align: top;
			}
			.dbzj{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-size: 14px;
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    color: #333;
				    font-weight: 400;
				    box-sizing: border-box;
				    margin: 0 100px;
			}
			.zjwz{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-size: 14px;
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    color: #333;
				    font-weight: 400;
				    box-sizing: border-box;
				    width: 100%;
			}
			.p999{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    color: #333;
				    box-sizing: border-box;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    word-break: break-all;
				    white-space: nowrap;
				    font-size: 13px;
				    margin: 0;
				    padding: 0;
				    font-weight: 400;
				    display: block;
				    text-align: center;
			}
			.span999{
				    -webkit-text-size-adjust: 100%;
				    -webkit-tap-highlight-color: rgba(0,0,0,0);
				    --antd-wave-shadow-color: #1890ff;
				    font-variant: tabular-nums;
				    line-height: 1.5;
				    font-feature-settings: "tnum";
				    font-family: Microsoft Yahei,SimSun,sans-serif;
				    word-break: break-all;
				    white-space: nowrap;
				    font-weight: 400;
				    text-align: center;
				    box-sizing: border-box;
				    font-size: 14px;
				    color: #fff;
				    margin-right: 10px;
			}
			.dbyb a{
				text-decoration: none;
				    outline: none;
				    color: #666;
				    cursor: pointer;
					    -ms-touch-action: manipulation;
					    touch-action: manipulation;
			}.dbyb{
				    border: 0;
				    vertical-align: top;
			}
		</style>
	</head>
	<body>
		<div>
			<div style="position: relative">
				<img src="img/toubu.jpg" style="width: 100%; height: auto" />
				<img src="img/xxjsx.png" style="
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            width: 520px;
            height: auto;
          " />
				<div style="
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
          ">
					<div style="
              width: 402px;
              background: #fff;
              border-radius: 8px !important;
              height: 42px;
              border: 1px solid #fff;
              overflow: hidden;
            ">
						<span style="margin-left: 15px">🔍</span>
						<input placeholder="请输入" type="text" style="
                width: 300px;
                height: 45px;
                padding: 0px;
                margin: 0px;
                border-radius: 20px;
                border: 0;
                line-height: 42px;
                padding-left: 10px;
                outline: none;
              " />
					</div>
				</div>
			</div>
			<div style="
          background-color: #0983df;
          width: 100%;
          min-width: 1200px;
          height: 62px;
        ">
				<div style="min-width: 1200px; width: 80%; margin: 0 auto; position: relative;z-index: 999">
					<ul class="shell">
						<li class="button">
							<h3>首页</h3>
						</li>
						<li class="button">
							<h3>首页</h3>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
						<li class="button">
							<h3>首页</h3>
							<ul>
								<li>1</li>
								<li>1</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>

			<div class="neirong">
				<div class="zxdt" style="height: 150px;">
					<div style="margin: 0px; padding: 0px; width: 105px; line-height: 108px">
						<img src="img/zxdt.png" />
					</div>
					<div style="width: 85%; margin: 0 auto">
						<div class="lbt">
							<div class="layui-carousel" id="ID-carousel-demo-2">
								<div carousel-item>
									<div>点击领取一百万元数量有限先到先得</div>
									<div>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="zjbf">
					<div class="gghtd" style="margin-left: -8px; margin-right: -8px">
						<div class="youbd"
							style="  padding-left: 8px; padding-right: 15px !important;  margin-bottom: 20px; ">
							<div class="ys">
								<ul class="tzgd">
									<li class="tzgg">通知公告</li>
									<a class="gd">+更多</a>
								</ul>
								<div class="li-tab-con">
									<ul class="list-warp">
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="zuobian">
					<div class="zuonr">
						<p class="p1"><span class="s1">快速通道</span></p>
						<ul class="ul2">
							<li class="u2l" id="l1">
								<a href="">1111</a>
							</li>
							<li class="u2l" id="l2">
								<a href="">1111</a>
							</li>
							<li class="u2l" id="l3">
								<a href="">1111</a>
							</li>
							<li class="u2l" id="l4">
								<a href="">1111</a>
							</li>
							<li class="u2l" id="l5">
								<a href="">1111</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="kaoshi" style="margin-bottom: 20px;">
					<div class="zuoc_kaoshi">
						<div class="zcnb">
							<div class="kaoshikap" style="background: url(img/gwy_1.png) no-repeat">
								<div class="icon" style="text-align: center">
									<img src="img/gwyks.png" alt="" />
								</div>
								<div class="kswz">基础技能考试</div>
								<div class="ckxqan">
									<span class="ckxqwz">查看详情</span>
								</div>
							</div>
							<div class="kaoshikap" style="background: url(img/sydw_1.png) no-repeat">
								<div class="icon" style="text-align: center">
									<img src="img/sykstp.png" alt="" />
								</div>
								<div class="kswz">基础技能考试</div>
								<div class="ckxqan">
									<span class="ckxqwz">查看详情</span>
								</div>
							</div>
							<div class="kaoshikap" style="background: url(img/zyks_1.png) no-repeat">
								<div class="icon" style="text-align: center">
									<img src="img/zykstp.png" alt="" />
								</div>
								<div class="kswz">基础技能考试</div>
								<div class="ckxqan">
									<span class="ckxqwz">查看详情</span>
								</div>
							</div>
							<div class="kaoshikap" style="background: url(img/qtks_1.png) no-repeat;margin: 0px;">
								<div class="icon" style="text-align: center">
									<img src="img/qtkstp.png" alt="" />
								</div>
								<div class="kswz">基础技能考试</div>
								<div class="ckxqan">
									<span class="ckxqwz">查看详情</span>
								</div>
							</div>
						</div>
					</div>
					<div class="ksrl">
						<div class="ksrlnb">
							<p class="ksrlhgd">
								<span class="ksrlwz">考试日历</span>
								<a class="ksrlgd">+更多</a>
							</p>
							<ul class="rlbt">
								<li class="rlli">
									<p class="rltb">
										<strong class="rlrq" style="font-size: 24px;">3月</strong>
										<span class="rlxw">/ MARCH</span>
									</p>
									<p class="rlnr">
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
									</p>
								</li>
								<li class="rlli">
									<p class="rltb">
										<strong class="rlrq" style="font-size: 24px;">3月</strong>
										<span class="rlxw">/ MARCH</span>
									</p>
									<p class="rlnr">
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
									</p>
								</li>
								<li class="rlli">
									<p class="rltb">
										<strong class="rlrq" style="font-size: 24px;">3月</strong>
										<span class="rlxw">/ MARCH</span>
									</p>
									<p class="rlnr">
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
										<span class="rlnr_1">
											<a class="rlnr999">河北省2025年度面向有关院校定向招录选调生考试</a>
										</span>
									</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="snagekk">
					<ul class="kklb">
						<li class="kkli">
							<a class="kknr">河北雄安新区选调和招聘优秀干部人才公告</a>
							<img src="img/kktp1.png" class="kktp" />
						</li>
						<li class="kkli">
							<a class="kknr">河北雄安新区选调和招聘优秀干部人才公告</a>
							<img src="img/kktp2.png" class="kktp" />
						</li>
						<li class="kkli">
							<a class="kknr">河北雄安新区选调和招聘优秀干部人才公告</a>
							<img src="img/kktp3.png" class="kktp" />
						</li>
					</ul>
				</div>
				<div style="display: flex;justify-content: space-between;">

					<div class="gghtd" style="margin: 0; padding: 0; box-sizing: border-box; margin-right: 20px;">
						<div class="youbd" style="padding:0px;  margin-bottom: 20px; ">
							<div class="ys"
								style="    background: rgba(230, 244, 255, .8);  border: 1px solid #c0e0f8;">
								<ul class="tzgd">
									<li class="tzgg">通知公告</li>
									<a class="gd">+更多</a>
								</ul>
								<div class="li-tab-con">
									<ul class="list-warp">
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>


					<div class="gghtd" style="margin: 0; padding: 0; box-sizing: border-box;">
						<div class="youbd" style="  padding:0px;  margin-bottom: 20px; ">
							<div class="ys" style="    background: rgba(230, 244, 255, .8); border: 1px solid #c0e0f8;">
								<ul class="tzgd">
									<li class="tzgg">通知公告</li>
									<a class="gd">+更多</a>
								</ul>
								<div class="li-tab-con">
									<ul class="list-warp">
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
										<li class="li00">
											<a class="a11">
												<div class="div11">
													<span class="span11"></span>
													<p class="p11">
														石家庄工程技术学校2025年度校草照片打印入口...
													</p>
												</div>
												<p class="time11">2025-03-12</p>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>

				</div>
				<div class="sigekk">
					<ul class="sgkklb">
						<li class="sgli">
							<a href="">国家要闻</a>
							<img src="img/sg1.png" alt="" />
						</li>
						<li class="sgli">
							<a href="">国家要闻</a>
							<img src="img/sg2.png" alt="" />
						</li>
						<li class="sgli">
							<a href="">国家要闻</a>
							<img src="img/sg3.png" alt="" />
						</li>
						<li class="sgli">
							<a href="">国家要闻</a>
							<img src="img/sg4.png" alt="" />
						</li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="zuidix">
			<div class="zuidix2">
				<div class="tubiao"> <a href=""> <img src="img/dbtb.png" alt="" /> </a> </div>
				<div class="dbzj">
					<div class="zjwz">
						<p class="p999"><span class="span999">信息技术系官网图标及文字版权归坤总互联网技术公司所有</span></p>
						<p class="p999"><span class="span999">信息技术系官网图标及文字版权归坤总互联网技术公司所有</span></p>
					</div>
				</div>
				<div class="dbyb">
					<a href="">
						<img src="img/zfwz.png" alt="" />
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="layui/layui.js"></script>
	<script>
		layui.use(function() {
			var carousel = layui.carousel;
			carousel.render({
				elem: "#ID-carousel-demo-2",
				interval: 3000,
				anim: "fade",
				width: "auto",
				height: "110px",
			});
		});
	</script>
</html>